<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<!-- Author:  Jeremy Sanderlin 
     Date Created: 2006-11-02
     Last Modified: 2006-11-14
     Last Modified By: Jeremy Sanderlin
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <title>Autism Society of America</title>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
        <title>Autism Society of America - Greater Georgia Chapter Registration</title>
        <style title="text/css">@import "style.css";</style>
        <link rel="stylesheet" href="css/gray.css" type="text/css" title="gray"/>
        <link rel="alternate stylesheet" type="text/css" href="css/red.css" title="red"/>
        <link rel="alternate stylesheet" type="text/css" href="css/blue.css" title="blue"/>
        <link rel="alternate stylesheet" type="text/css" href="css/orange.css" title="orange"/>
        <script type="text/javascript" src="javascript/styleswitcher.js"/>
        <style type="text/css">.error{color:#FF0000;font-weight:bold;}</style>
        
    </head>

    <body>
      <div class="main">
            <!-- Header file -->
            <%@ include file="header.html" %>
         <div id="content">
         <!-- Color Change bar at top of main content -->
         <h2>&nbsp;
            <div id="colorchange">
                <ul>
                    <li><a href="#" onclick="setActiveStyleSheet('gray'); return false;" title="Gray Theme"><img src="images/btngray.gif" alt="Gray Theme" /></a></li>
                    <li><a href="#" onclick="setActiveStyleSheet('red'); return false;" title="Red Theme"><img src="images/btnred.gif" alt="Red Theme" /></a></li>
                    <li><a href="#" onclick="setActiveStyleSheet('blue'); return false;" title="Blue Theme"><img src="images/btnblue.gif" alt="Blue Theme" /></a></li>
                    <li><a href="#" onclick="setActiveStyleSheet('orange'); return false;" title="Organe Theme"><img src="images/btnorange.gif" alt="Orange Theme" /></a></li>
                </ul>
            </div>
         </h2>
        <!-- Main content for page -->
        <p>
        Thank you for choosing to register for a customizable content portal.  
        Please take a moment to complete this application form.
        </p>  
        <hr />
        <!-- Registration Form -->
        <form action="AutismSiteMasterController" method="post" >
            <input type="hidden" name="action" value="register" />          
            <label>First Name</label><input type="text" id="first_name" name="first_name" />
            <span class="error">&nbsp;</span>
            <br />
            <label>Last Name</label><input type="text" id="last_name" name="last_name"  />
            <span class="error">&nbsp;</span>
            <br  />
            <hr />
            <fieldset title="Your Address (Optional)">
                <legend>Your Address (Optional)</legend>
                <label>Address Line 1</label><input type="text" id="address_1" /> 
                <br />
                <label>Address Line 2</label><input type="text" id="address_2" />
                <br />
                <br />
                <label>City</label><input type="text" id="city" />
                <br />
                <label>State</label><input type="text" id="state" /> 
                <br />
                <label>Zipcode</label><input type="text" id="zipcode" />
            </fieldset>
            <br />
            <hr />
            <fieldset title="Your Email Address (Required)">
                <legend>Your Email Address (Required)</legend>  
                Email Address:
                <br />
                <input type="text" id="email_1" name="email_1"  />
                <span class="error">&nbsp;</span>
                <br  />
                Re-Type Email Address:
                <br />
                <input type="text" id="email_2" name="email_2"  />
                <span class="error">&nbsp;</span>
            </fieldset>
            <br />
            <hr />
            <fieldset title="Please Create A Password (Required)">
                <legend>Please create a password (Required)</legend>
                Password:<br />
                <input type="password" id="pass01" name="pass01" />
                <span class="error">&nbsp;</span>
                <br />
                Re-type Password:
                <br />
                <input type="password" id="pass02" name="pass02" />
                <span class="error">&nbsp;</span>
            </fieldset>
            <br />
            <hr />
            <input type="submit" value="submit" />
            <input type="reset">     
        </form>
    </div>
</div>
</body>
</html>

